<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Xenon Boostrap Admin Panel" />
	<meta name="author" content="" />
	
	<title>Xenon - Boxed &amp; Horizontal Menu</title>

	<!--<link rel="stylesheet" href="http://fonts.useso.com/css?family=Arimo:400,700,400italic">-->
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/fonts/linecons/css/linecons.css">
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/fonts/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/bootstrap.css">
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/xenon-core.css">
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/xenon-forms.css">
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/xenon-components.css">
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/xenon-skins.css">
	<link rel="stylesheet" href="${ctxPath}/plug-in/Xenon/assets/css/custom.css">
    <link rel="stylesheet" href="${ctxPath}/css/common.css">
	<script src="${ctxPath}/plug-in/Xenon/assets/js/jquery-1.11.1.min.js"></script>
	
	


	

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="${ctxPath}/plug-in/Xenon/assets/js/html5shiv.min.js"></script>
		<script src="${ctxPath}/plug-in/Xenon/assets/js/respond.min.js"></script>
	<![endif]-->
	
	
</head>
<body class="page-body boxed-container">

	<nav class="navbar horizontal-menu"><!-- set fixed position by adding class "navbar-fixed-top" -->
		
		<div class="navbar-inner">
		
			<!-- Navbar Brand -->
			<div class="navbar-brand">
				<a href="dashboard-1.html" class="logo">
					<img src="${ctxPath}/plug-in/Xenon/assets/images/logo-white-bg@2x.png" width="80" alt="" class="hidden-xs" />
					<img src="${ctxPath}/plug-in/Xenon/assets/images/logo@2x.png" width="80" alt="" class="visible-xs" />
				</a>
				<a href="#" data-toggle="settings-pane" data-animate="true">
					<i class="linecons-cog"></i>
				</a>
			</div>
				
			<!-- Mobile Toggles Links -->
		
			
			<div class="navbar-mobile-clear"></div>
			<!-- main menu -->
					
		
			<!-- notifications and other links -->
			<ul class="nav nav-userinfo navbar-right">
				
				<li class="search-form"><!-- You can add "always-visible" to show make the search input visible -->
			
					<form method="get" action="extra-search.html">
						<input type="text" name="s" class="form-control search-field" placeholder="Type to search..." />
						
						<button type="submit" class="btn btn-link">
							<i class="linecons-search"></i>
						</button>
					</form>
					
				</li>
				
				<li class="dropdown xs-left">
					
					<a href="#" data-toggle="dropdown" class="notification-icon">
						<i class="fa-envelope-o"></i>
						<span class="badge badge-green">15</span>
					</a>
						
					<ul class="dropdown-menu messages">
										<li>
							
						<ul class="dropdown-menu-list list-unstyled ps-scrollbar">
						
							<li class="active"><!-- "active" class means message is unread -->
								<a href="#">
									<span class="line">
										<strong>Luc Chartier</strong>
										<span class="light small">- yesterday</span>
									</span>
									
									<span class="line desc small">
										This ain’t our first item, it is the best of the rest.
									</span>
								</a>
							</li>
							
							<li class="active">
								<a href="#">
									<span class="line">
										<strong>Salma Nyberg</strong>
										<span class="light small">- 2 days ago</span>
									</span>
									
									<span class="line desc small">
										Oh he decisively impression attachment friendship so if everything. 
									</span>
								</a>
							</li>
							
							<li>
								<a href="#">
									<span class="line">
										Hayden Cartwright
										<span class="light small">- a week ago</span>
									</span>
									
									<span class="line desc small">
										Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
									</span>
								</a>
							</li>
							
							<li>
								<a href="#">
									<span class="line">
										Sandra Eberhardt
										<span class="light small">- 16 days ago</span>
									</span>
									
									<span class="line desc small">
										On so attention necessary at by provision otherwise existence direction.
									</span>
								</a>
							</li>
							
							<!-- Repeated -->
							
							<li class="active"><!-- "active" class means message is unread -->
								<a href="#">
									<span class="line">
										<strong>Luc Chartier</strong>
										<span class="light small">- yesterday</span>
									</span>
									
									<span class="line desc small">
										This ain’t our first item, it is the best of the rest.
									</span>
								</a>
							</li>
							
							<li class="active">
								<a href="#">
									<span class="line">
										<strong>Salma Nyberg</strong>
										<span class="light small">- 2 days ago</span>
									</span>
									
									<span class="line desc small">
										Oh he decisively impression attachment friendship so if everything. 
									</span>
								</a>
							</li>
							
							<li>
								<a href="#">
									<span class="line">
										Hayden Cartwright
										<span class="light small">- a week ago</span>
									</span>
									
									<span class="line desc small">
										Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
									</span>
								</a>
							</li>
							
							<li>
								<a href="#">
									<span class="line">
										Sandra Eberhardt
										<span class="light small">- 16 days ago</span>
									</span>
									
									<span class="line desc small">
										On so attention necessary at by provision otherwise existence direction.
									</span>
								</a>
							</li>
							
						</ul>
						
					</li>
					
					<li class="external">
						<a href="blank-sidebar.html">
							<span>All Messages</span>
							<i class="fa-link-ext"></i>
						</a>
					</li>
					</ul>
					
				</li>
				
			
		
				<li class="dropdown user-profile">
					<a href="#" data-toggle="dropdown">
						<img src="${ctxPath}/plug-in/Xenon/assets/images/user-1.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" />
						<span>
							Arlind Nushi
							<i class="fa-angle-down"></i>
						</span>
					</a>
					
					<ul class="dropdown-menu user-profile-menu list-unstyled">
						<li>
							<a href="#edit-profile">
								<i class="fa-edit"></i>
								New Post
							</a>
						</li>
						<li>
							<a href="#settings">
								<i class="fa-wrench"></i>
								Settings
							</a>
						</li>
						<li>
							<a href="#profile">
								<i class="fa-user"></i>
								Profile
							</a>
						</li>
						<li>
							<a href="#help">
								<i class="fa-info"></i>
								Help
							</a>
						</li>
						<li class="last">
							<a href="extra-lockscreen.html">
								<i class="fa-lock"></i>
								Logout
							</a>
						</li>
					</ul>
				</li>
				
				<li>
					<a href="#" data-toggle="chat">
						<i class="fa-comments-o"></i>
					</a>
				</li>
				
			</ul>
	
		</div>
		
	</nav>
	
	<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
			
		<!-- Add "fixed" class to make the sidebar fixed always to the browser viewport. -->
		<!-- Adding class "toggle-others" will keep only one menu item open at a time. -->
		<!-- Adding class "collapsed" collapse sidebar root elements and show only icons. -->
		<div class="sidebar-menu toggle-others">
			
			<div class="sidebar-menu-inner">	
						
				
						
				<ul id="main-menu" class="main-menu">
					<!-- add class "multiple-expanded" to allow multiple submenus to open -->
					<!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
					<li>
						<a href="dashboard-1.html">
							<i class="linecons-cog"></i>
							<span class="title">菜单管理</span>
						</a>
						<ul>
							<li>
								<a href="#" onclick="ces.ajaxContent('/menu')">
									<span class="title">菜单列表</span>
								</a>
							</li>
							<li>
								<a href="dashboard-2.html">
									<span class="title">Dashboard 2</span>
								</a>
							</li>
							<li>
								<a href="dashboard-3.html">
									<span class="title">Dashboard 3</span>
								</a>
							</li>
							<li>
								<a href="dashboard-4.html">
									<span class="title">Dashboard 4</span>
								</a>
							</li>
							<li>
								<a href="skin-generator.html">
									<span class="title">Skin Generator</span>
								</a>
							</li>
						</ul>
					</li>
					<li >
						<a href="layout-variants.html">
							<i class="linecons-desktop"></i>
							<span class="title">Layouts</span>
						</a>
						<ul>
							
							<li>
								<a href="layout-boxed.html">
									<span class="title">Boxed Layout</span>
								</a>
							</li>
							<li >
								<a href="layout-boxed-horizontal-menu.html">
									<span class="title">Boxed &amp; Horizontal Menu</span>
								</a>
							</li>
						</ul>
					</li>
					
				</ul>
						
			</div>
			
		</div>
		
		<div class="main-content">
					
			<div id="content"></div>
			
			<!-- Main Footer -->
			<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
			<!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
			<!-- Or class "fixed" to  always fix the footer to the end of page -->
			<footer class="main-footer sticky footer-type-1">
				
				<div class="footer-inner">
				
					<!-- Add your copyright text here -->
					<div class="footer-text">
						&copy; 2014 
						<strong>Xenon</strong> 
						More Templates <a href="http://www.mycodes.net/" target="_blank" title="源码之家">源码之家</a> - Collect from <a href="#/" title="网页模板" target="_blank">网页模板</a>
					</div>
					
					
					<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
					<div class="go-up">
					
						<a href="#" rel="go-top">
							<i class="fa-angle-up"></i>
						</a>
						
					</div>
					
				</div>
				
			</footer>
		</div>
		
			
		<!-- start: Chat Section -->
	
		<!-- end: Chat Section -->
		
		
	</div>
	
	
	
<!-- Modal (Ajax Modal)-->
	<div class="modal fade" id="modalId" style="border-radius:5px;">
		<div class="modal-dialog">
			<div class="modal-content">
				
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="modal-title" ></h4>
				</div>
				
				<div class="modal-body">
				
					Content is loading...
					
				</div>
				
				
			</div>
		</div>
	</div>



	<!-- Bottom Scripts -->
	<script src="${ctxPath}/plug-in/Xenon/assets/js/bootstrap.min.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/TweenMax.min.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/resizeable.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/joinable.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/xenon-api.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/xenon-toggles.js"></script>
    <script src="${ctxPath}/js/tools.js"></script>
    <script src="${ctxPath}/plug-in/Xenon/assets/js/datatables/js/jquery.dataTables.min.js"></script>


	<!-- Imported scripts on this page -->
	<script src="${ctxPath}/plug-in/Xenon/assets/js/datatables/dataTables.bootstrap.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/datatables/tabletools/dataTables.tableTools.min.js"></script>
	<!-- JavaScripts initializations and stuff -->
	<script src="${ctxPath}/plug-in/Xenon/assets/js/xenon-custom.js"></script>
	<script src="${ctxPath}/plug-in/Xenon/assets/js/jquery-validate/jquery.validate.min.js"></script>
	
   <script>
   $(function($){
		 $("#formId").validate();
	  });
   function callback(){
	   ces.ajaxContent('/menu')
   }
   function sumbit(){
	
		  if($("#formId").validate()){
			ces.ajaxForm('formId');
		  }
	  }
   </script>
</body>
</html>